<html lang="en">
        <head>
                <meta charset="utf-8">

                <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
                Remove this if you use the .htaccess -->
                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

                <title>layout</title>
                <meta name="description" content="">
                <meta name="author" content="wanghe">

                <meta name="viewport" content="width=device-width; initial-scale=1.0">

                <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
                <link rel="shortcut icon" href="/favicon.ico">
                <link rel="apple-touch-icon" href="/apple-touch-icon.png">

                <link rel="shortcut icon" href="/favicon.ico">
                <link rel="apple-touch-icon" href="/apple-touch-icon.png">
                <link rel="stylesheet" href="../css/bootstrap.min.css" >
                <link rel="stylesheet" href="../css/bootstrap-theme.min.css" >

                <script src="../js/jquery.min.js" ></script>
                <script src="../js/bootstrap.min.js" ></script>
                <script src="../js/highcharts.js"></script>
                <script src="../js/exporting.js"></script>
                <script>
                        $(function() {
                                $('[name=voice]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'column' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'something' //指定y轴的标题
                                                }
                                        },
                                        series : [{//指定数据列
                                                name : 'left track', //数据列名
                                                data : [1, 0, 4, 8, 7] //数据
                                        }, {
                                                name : 'right track',
                                                data : [12, 7, 3, 5, 6]
                                        }, {
                                                name : 'center track',
                                                data : [14, 6, 3, 21, 4]
                                        }, {
                                                name : 'high bass',
                                                data : [9, 5, 3, 6, 2]
                                        }, {
                                                name : 'left around',
                                                data : [2, 3, 5, 8, 12]
                                        }, {
                                                name : 'right around',
                                                data : [12, 7, 3, 21, 2]
                                        }]
                                });

                                $('[name=temper]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=cct]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'Color temperator' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Color Temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'Color temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=temper]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=highlight]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        colors : ['#ff0000'],
                                        title : {
                                                text : 'High Light' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'], //指定x轴分组

                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'High Light' //指定y轴的标题
                                                }
                                        },

                                        tooltip : {
                                                valueSuffix : ''
                                        },
                                        series : [{//指定数据列
                                                name : 'High Light', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                // 色域图

                                $('[name=colorArea]').highcharts({
                                        chart : {
                                                type : 'area'
                                        },
                                        colors : ['#ff0000', '#00ff00', '#0000ff'],
                                        title : {
                                                text : 'Color Area'
                                        },
                                        subtitle : {
                                                text : 'Red 、Green and Blue'
                                        },
                                        xAxis : {

                                                labels : {
                                                        formatter : function() {

                                                                return this.value;

                                                                // clean, unformatted number for year
                                                        }
                                                }
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Nuclear weapon states'
                                                },
                                                labels : {
                                                        formatter : function() {
                                                                return this.value / 1000 + 'k';
                                                        }
                                                }
                                        },
                                        tooltip : {
                                                pointFormat : '{series.name} produced <b>{point.y:,.0f}</b><br>warheads in {point.x}'
                                        },
                                        plotOptions : {
                                                area : {
                                                        pointStart : 1940,
                                                        marker : {
                                                                enabled : false,
                                                                symbol : 'circle',
                                                                radius : 2,
                                                                states : {
                                                                        hover : {
                                                                                enabled : true
                                                                        }
                                                                }
                                                        }
                                                }
                                        },
                                        series : [{
                                                name : 'Red',
                                                data : [null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104]
                                        }, {
                                                name : 'Green',
                                                data : [null, null, null, null, null, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        },  {
                                                name : 'Green',
                                                data : [500, 33825, 21150, 11120, 150, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 4322, 4238, 9221, 6129, 7089, 9339, 19399, 8538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        }]
                                });


                                $('[name=voice2]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'column' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'something' //指定y轴的标题
                                                }
                                        },
                                        series : [{//指定数据列
                                                name : 'left track', //数据列名
                                                data : [1, 0, 4, 8, 7] //数据
                                        }, {
                                                name : 'right track',
                                                data : [12, 7, 3, 5, 6]
                                        }, {
                                                name : 'center track',
                                                data : [14, 6, 3, 21, 4]
                                        }, {
                                                name : 'high bass',
                                                data : [9, 5, 3, 6, 2]
                                        }, {
                                                name : 'left around',
                                                data : [2, 3, 5, 8, 12]
                                        }, {
                                                name : 'right around',
                                                data : [12, 7, 3, 21, 2]
                                        }]
                                });

                                $('[name=temper2]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=cct2]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'Color temperator' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Color Temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'Color temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=temper2]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=highlight2]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        colors : ['#ff0000'],
                                        title : {
                                                text : 'High Light' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'], //指定x轴分组

                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'High Light' //指定y轴的标题
                                                }
                                        },

                                        tooltip : {
                                                valueSuffix : ''
                                        },
                                        series : [{//指定数据列
                                                name : 'High Light', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                // 色域图

                                $('[name=colorArea2]').highcharts({
                                        chart : {
                                                type : 'area'
                                        },
                                        colors : ['#ff0000', '#00ff00', '#0000ff'],
                                        title : {
                                                text : 'Color Area'
                                        },
                                        subtitle : {
                                                text : 'Red 、Green and Blue'
                                        },
                                        xAxis : {

                                                labels : {
                                                        formatter : function() {

                                                                return this.value;

                                                                // clean, unformatted number for year
                                                        }
                                                }
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Nuclear weapon states'
                                                },
                                                labels : {
                                                        formatter : function() {
                                                                return this.value / 1000 + 'k';
                                                        }
                                                }
                                        },
                                        tooltip : {
                                                pointFormat : '{series.name} produced <b>{point.y:,.0f}</b><br>warheads in {point.x}'
                                        },
                                        plotOptions : {
                                                area : {
                                                        pointStart : 1940,
                                                        marker : {
                                                                enabled : false,
                                                                symbol : 'circle',
                                                                radius : 2,
                                                                states : {
                                                                        hover : {
                                                                                enabled : true
                                                                        }
                                                                }
                                                        }
                                                }
                                        },
                                        series : [{
                                                name : 'Red',
                                                data : [null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104]
                                        }, {
                                                name : 'Green',
                                                data : [null, null, null, null, null, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        },  {
                                                name : 'Green',
                                                data : [500, 33825, 21150, 11120, 150, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 4322, 4238, 9221, 6129, 7089, 9339, 19399, 8538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        }]
                                });


                                //
                                //
                                //

                                $('[name=voice3]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'column' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'something' //指定y轴的标题
                                                }
                                        },
                                        series : [{//指定数据列
                                                name : 'left track', //数据列名
                                                data : [1, 0, 4, 8, 7] //数据
                                        }, {
                                                name : 'right track',
                                                data : [12, 7, 3, 5, 6]
                                        }, {
                                                name : 'center track',
                                                data : [14, 6, 3, 21, 4]
                                        }, {
                                                name : 'high bass',
                                                data : [9, 5, 3, 6, 2]
                                        }, {
                                                name : 'left around',
                                                data : [2, 3, 5, 8, 12]
                                        }, {
                                                name : 'right around',
                                                data : [12, 7, 3, 21, 2]
                                        }]
                                });

                                $('[name=temper3]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=cct3]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'Color temperator' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Color Temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'Color temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=temper3]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        title : {
                                                text : 'voice pressure' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'] //指定x轴分组
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'temperator' //指定y轴的标题
                                                },

                                        },
                                        tooltip : {
                                                valueSuffix : '(℃)'
                                        },
                                        series : [{//指定数据列
                                                name : 'temperator', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                $('[name=highlight3]').highcharts({//图表展示容器，与div的id保持一致
                                        chart : {
                                                type : 'line' //指定图表的类型，默认是折线图（line）
                                        },
                                        colors : ['#ff0000'],
                                        title : {
                                                text : 'High Light' //指定图表标题
                                        },
                                        xAxis : {
                                                categories : ['1', '2', '3', '4', '5'], //指定x轴分组

                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'High Light' //指定y轴的标题
                                                }
                                        },

                                        tooltip : {
                                                valueSuffix : ''
                                        },
                                        series : [{//指定数据列
                                                name : 'High Light', //数据列名
                                                data : [21, 30, 34, 38, 39] //数据
                                        }]
                                });

                                // 色域图

                                $('[name=colorArea3]').highcharts({
                                        chart : {
                                                type : 'area'
                                        },
                                        colors : ['#ff0000', '#00ff00', '#0000ff'],
                                        title : {
                                                text : 'Color Area'
                                        },
                                        subtitle : {
                                                text : 'Red 、Green and Blue'
                                        },
                                        xAxis : {

                                                labels : {
                                                        formatter : function() {

                                                                return this.value;

                                                                // clean, unformatted number for year
                                                        }
                                                }
                                        },
                                        yAxis : {
                                                title : {
                                                        text : 'Nuclear weapon states'
                                                },
                                                labels : {
                                                        formatter : function() {
                                                                return this.value / 1000 + 'k';
                                                        }
                                                }
                                        },
                                        tooltip : {
                                                pointFormat : '{series.name} produced <b>{point.y:,.0f}</b><br>warheads in {point.x}'
                                        },
                                        plotOptions : {
                                                area : {
                                                        pointStart : 1940,
                                                        marker : {
                                                                enabled : false,
                                                                symbol : 'circle',
                                                                radius : 2,
                                                                states : {
                                                                        hover : {
                                                                                enabled : true
                                                                        }
                                                                }
                                                        }
                                                }
                                        },
                                        series : [{
                                                name : 'Red',
                                                data : [null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104]
                                        }, {
                                                name : 'Green',
                                                data : [null, null, null, null, null, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        },  {
                                                name : 'Green',
                                                data : [500, 33825, 21150, 11120, 150, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 4322, 4238, 9221, 6129, 7089, 9339, 19399, 8538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000]
                                        }]
                                });



                        });
                </script>

                <style>
                        body {
                                margin: 10px;
                        }
                </style>

        </head>

        <body>
                <div class="container">
                        <div class="panel panel-primary" >
                                <div class="panel-heading">
                                        <h1>2014-6-30 放映质量检测报告</h1>
                                </div>
                                <div class="panel-body">
                                        <table class="table table-bordered">

                                                <caption>
                                                        <h1>今日测量结果</h1>
                                                </caption>
                                                <thead>
                                                        <tr>
                                                                <th>影厅</th>
                                                                <th>左声道(dB)</th>
                                                                <th>右声道(dB)</th>
                                                                <th>中置(dB)</th>
                                                                <th>重低音(dB)</th>
                                                                <th>左环(dB)</th>
                                                                <th>右环(dB)</th>
                                                                <th>左后(dB)</th>
                                                                <th>右后(dB)</th>
                                                                <th>白光亮度(Ftl)</th>
                                                                <th>红光色度</th>
                                                                <th>绿光色度</th>
                                                                <th>蓝光色度</th>
                                                                <th>色温</th>
                                                                <th>温度(℃)</th>
                                                        </tr>
                                                </thead>
                                                <tbody>
                                                        <tr>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>
                                                        </tr>
                                                        <tr>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>
                                                        </tr>
                                                        <tr>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>

                                                </tbody>
                                        </table>
                                </div>
                        </div>
                        <br/>
                        <br/>
                        <br/>
                        <br/>

                        <div class="panel panel-primary">
                                <div class="panel-heading">
                                        <h1>近5日情况</h1>
                                </div>
                                <div class="panel-body" >

                                        <table class="table table-bordered">

                                                <caption>
                                                        <h1>1号厅</h1>
                                                </caption>
                                                <thead>
                                                        <tr>
                                                                <th>测试时间</th>

                                                                <th>影厅</th>
                                                                <th>左声道(dB)</th>
                                                                <th>右声道(dB)</th>
                                                                <th>中置(dB)</th>
                                                                <th>重低音(dB)</th>
                                                                <th>左环(dB)</th>
                                                                <th>右环(dB)</th>
                                                                <th>左后(dB)</th>
                                                                <th>右后(dB)</th>
                                                                <th>白光亮度(Ftl)</th>
                                                                <th>红光色度</th>
                                                                <th>绿光色度</th>
                                                                <th>蓝光色度</th>
                                                                <th>色温</th>
                                                                <th>温度(℃)</th>

                                                        </tr>
                                                </thead>
                                                <tbody>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>1号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                </tbody>
                                        </table>
                                        <div class="panel panel-info">
                                                <div class="panel-heading">
                                                        1号厅趋势图
                                                </div>
                                                <div class="panel-body">
                                                 <div name="voice" >

                                                        </div>
                                                        <div name="temper">

                                                        </div>
                                                        <div name="cct">

                                                        </div>
                                                        <div name="highlight">

                                                        </div>
                                                        <div name="colorArea">

                                                        </div>
                                                </div>
                                        </div>

                                        <!-- -->

                                        <table class="table table-bordered">

                                                <caption>
                                                        <h1>2号厅</h1>
                                                </caption>
                                                <thead>
                                                        <tr>
                                                                <th>测试时间</th>

                                                                <th>影厅</th>
                                                                <th>左声道(dB)</th>
                                                                <th>右声道(dB)</th>
                                                                <th>中置(dB)</th>
                                                                <th>重低音(dB)</th>
                                                                <th>左环(dB)</th>
                                                                <th>右环(dB)</th>
                                                                <th>左后(dB)</th>
                                                                <th>右后(dB)</th>
                                                                <th>白光亮度(Ftl)</th>
                                                                <th>红光色度</th>
                                                                <th>绿光色度</th>
                                                                <th>蓝光色度</th>
                                                                <th>色温</th>
                                                                <th>温度(℃)</th>

                                                        </tr>
                                                </thead>
                                                <tbody>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>2号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                </tbody>
                                        </table>
                                        <div class="panel panel-info">
                                                <div class="panel-heading">
                                                        2号厅趋势图
                                                </div>
                                                <div class="panel-body">
                                                         <div name="voice2" >

                                                        </div>
                                                        <div name="temper2">

                                                        </div>
                                                        <div name="cct2">

                                                        </div>
                                                        <div name="highlight2">

                                                        </div>
                                                        <div name="colorArea2">

                                                        </div>
                                                </div>
                                        </div>


                                        <!-- -->
                                        <table class="table table-bordered">

                                                <caption>
                                                        <h1>3号厅</h1>
                                                </caption>
                                                <thead>
                                                        <tr>
                                                                <th>测试时间</th>

                                                                <th>影厅</th>
                                                                <th>左声道(dB)</th>
                                                                <th>右声道(dB)</th>
                                                                <th>中置(dB)</th>
                                                                <th>重低音(dB)</th>
                                                                <th>左环(dB)</th>
                                                                <th>右环(dB)</th>
                                                                <th>左后(dB)</th>
                                                                <th>右后(dB)</th>
                                                                <th>白光亮度(Ftl)</th>
                                                                <th>红光色度</th>
                                                                <th>绿光色度</th>
                                                                <th>蓝光色度</th>
                                                                <th>色温</th>
                                                                <th>温度(℃)</th>

                                                        </tr>
                                                </thead>
                                                <tbody>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                        <tr>
                                                                <td>2014-6-30 09：10</td>
                                                                <td>3号厅</td>
                                                                <td class="danger">80</td>
                                                                <td class="danger">70</td>
                                                                <td class="danger">60</td>
                                                                <td class="danger">120</td>
                                                                <td class="danger">100</td>
                                                                <td class="danger">83</td>
                                                                <td class="danger">98</td>
                                                                <td class="danger">112</td>
                                                                <td class="danger">40.0</td>
                                                                <td class="danger">(22.0, 19.2)</td>
                                                                <td class="warning">(21.0, 19.2)</td>
                                                                <td class="warning">(20.0, 10.2)</td>
                                                                <td class="warning">1471</td>
                                                                <td class="warning">22</td>

                                                        </tr>
                                                </tbody>
                                        </table>
                                        <div class="panel panel-info">
                                                <div class="panel-heading">
                                                        3号厅趋势图
                                                </div>
                                                <div class="panel-body">
                                                         <div name="voice3" >

                                                        </div>
                                                        <div name="temper3">

                                                        </div>
                                                        <div name="cct3">

                                                        </div>
                                                        <div name="highlight3">

                                                        </div>
                                                        <div name="colorArea3">

                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>

        </body>
</html>
